<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>礼途租车-酒店接待</title>
	<meta name="description" content="Yolo Club 优洛会">
	<meta name="keywords" content="Yolo, Club, 优洛会">

	<link rel="stylesheet" href="${basePath }/css/pure-min.css">

    <link rel="stylesheet" href="${basePath }/css/grid.css">

    <!--<![endif]-->

    <link rel="stylesheet" type="text/css" href="${basePath }/css/homepage.css">

</head>
<body>
	<!--<a class="btn-about" href="http://www.ppyolo.com">关于我们</a>-->
	<div class="banner">
		<div class="description">
			<!-- <h1>YOLO 优洛会</h1>
			<div class="sub-title">
				<P>会员制全球高端酒店预订平台</P>
				<p>Yolo优洛会向会员提供豪华五星酒店奢华体验预订服务</p>
			</div> -->
		</div>
	</div>
	<div class="content-wrapper">
		<div class="mid-content">
			<h2>我们的服务</h2>
			<p>会员制私人客服提供五星的奢华体验服务</p>
			<!-- 3个方块布局 -->
			<div class="pure-g">
				<div class="pure-u-1 pure-u-sm-1-3">
					<i class="icon hotel"></i>
					<h2>五星酒店</h2>
					<!--<p>中国最大的优洛会,提供给你们,享受五星的服务</p>-->
				</div>

				<div class="pure-u-1 pure-u-sm-1-3">
					<i class="icon ship"></i>
					<h2>豪华游艇</h2>
					<!--<p>中国最大的优洛会,提供给你们,享受五星的服务</p>-->
				</div>

				<div class="pure-u-1 pure-u-sm-1-3">
					<i class="icon plan"></i>
					<h2>私人飞机</h2>

					<!--<p>中国最大的优洛会,提供给你们,享受五星的服务</p>-->
				</div>
			</div>
		</div>
		<div class="content c1 pure-g bg-gray">
			<div class="pure-u-1 pure-u-md-1-2">
				<img class="pure-img" src="${basePath }/images/hotel/moxing_01.png">
			</div>
			<div class="pure-u-1 pure-u-md-1-2 intro">
				<h2>微信平台·随时随地一键下单</h2>
				<div class="sub-intro">
					<p>全球豪华五星酒店, 快速预订</p>
					<p>会员专属客服, 轻松安排您的入住</p>
				</div>
				<i class="icon qr-code"></i>
			</div>
		</div>

		<div class="content c2 pure-g">

			<div class="pure-u-1 pure-u-md-1-2">
				<img class="pure-img" src="${basePath }/images/hotel/moxing_02.png">
			</div>

			<div class="pure-u-1 pure-u-md-1-2 intro">
				<h2>会员制·更私密</h2>
				<div class="sub-intro">
					<p>封闭会员制，只与好友分享美好时刻</p>
					<p>高端社交活动，精彩之夜共享精彩</p>
				</div>
			</div>
		</div>

		<div class="content c3 pure-g bg-gray">
			<div class="pure-u-1 pure-u-md-1-2">
				<img class="pure-img" src="${basePath }/images/hotel/moxing_03.png">
			</div>
			<div class="pure-u-1 pure-u-md-1-2 intro">
				<h2>邀请朋友加入优洛会</h2>
				<div class="sub-intro">
					<p>使用酒店升房券、套房券，享受会员特殊服务</p>
					<p>机场接送服务、会务管家服务，让您的商务出行更便捷</p>
				</div>
			</div>
		</div>

		<div class="footer">
			<p>www.ppyolo.com 2015 © All Rights Reserved.粤ICP备14074993号</p>
		</div>
	</body>
	</html>
